<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <link rel="stylesheet" href="./view/下拉菜单/styles.css">
</head>
<body>
    <!-- 下拉菜单Unnamed (Rectangle) -->
    <div id="u2664" class="ax_default heading_1">
        <div id="u2664_div" class=""></div>
        <div id="u2664_text" class="text ">
            <p><span>Dropdown 下拉菜单</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2665" class="ax_default heading_1">
        <div id="u2665_div" class=""></div>
        <div id="u2665_text" class="text ">
            <p><span>概述</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2666" class="ax_default label">
        <div id="u2666_div" class=""></div>
        <div id="u2666_text" class="text ">
            <p><span>展示一组折叠的下拉菜单。</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2667" class="ax_default label">
        <div id="u2667_div" class=""></div>
        <div id="u2667_text" class="text ">
            <p><span>顶部导航</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2668" class="ax_default label">
        <div id="u2668_div" class=""></div>
        <div id="u2668_text" class="text ">
            <p><span>通过onclick事件触发。本例还展示了禁用项和分隔线。</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2669" class="ax_default box_1">
        <div id="u2669_div" class=""></div>
        <div id="u2669_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2670" class="ax_default box_1">
        <img id="u2670_img" class="img " src="assets/images/下拉菜单/u2670.svg"/>
        <div id="u2670_text" class="text ">
            <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
        </div>
    </div>

    <!-- dropdown-list-1 (Dynamic Panel) -->
    <div id="u2671" class="ax_default" data-label="dropdown-list-1">
        <div id="u2671_state0" class="panel_state" data-label="State1" style="">
            <div id="u2671_state0_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2672" class="ax_default box_1">
                    <div id="u2672_div" class=""></div>
                    <div id="u2672_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2673" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2673_div" class=""></div>
                    <div id="u2673_text" class="text ">
                        <p><span>驴打滚</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2674" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2674_div" class=""></div>
                    <div id="u2674_text" class="text ">
                        <p><span>炸酱面</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2675" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                    <div id="u2675_div" class="disabled"></div>
                    <div id="u2675_text" class="text ">
                        <p><span>豆汁儿</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2676" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2676_div" class=""></div>
                    <div id="u2676_text" class="text ">
                        <p><span>冰糖葫芦</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2677" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2677_div" class=""></div>
                    <div id="u2677_text" class="text ">
                        <p><span>北京烤鸭</span></p>
                    </div>
                </div>

                <!-- divider (Group) -->
                <div id="u2678" class="ax_default" data-label="divider" data-left="0" data-top="140" data-width="124" data-height="12">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2679" class="ax_default box_1">
                        <div id="u2679_div" class=""></div>
                        <div id="u2679_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2680" class="ax_default box_1">
                        <img id="u2680_img" class="img " src="assets/images/下拉菜单/u2680.svg"/>
                        <div id="u2680_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- dropdown-list-2 (Dynamic Panel) -->
    <div id="u2681" class="ax_default" data-label="dropdown-list-2">
        <div id="u2681_state0" class="panel_state" data-label="State1" style="">
            <div id="u2681_state0_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2682" class="ax_default box_1">
                    <div id="u2682_div" class=""></div>
                    <div id="u2682_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2683" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2683_div" class=""></div>
                    <div id="u2683_text" class="text ">
                        <p><span>驴打滚</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2684" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2684_div" class=""></div>
                    <div id="u2684_text" class="text ">
                        <p><span>炸酱面</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2685" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                    <div id="u2685_div" class="disabled"></div>
                    <div id="u2685_text" class="text ">
                        <p><span>豆汁儿</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2686" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2686_div" class=""></div>
                    <div id="u2686_text" class="text ">
                        <p><span>冰糖葫芦</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2687" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2687_div" class=""></div>
                    <div id="u2687_text" class="text ">
                        <p><span>北京烤鸭</span></p>
                    </div>
                </div>

                <!-- divider (Group) -->
                <div id="u2688" class="ax_default" data-label="divider" data-left="0" data-top="140" data-width="124" data-height="12">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2689" class="ax_default box_1">
                        <div id="u2689_div" class=""></div>
                        <div id="u2689_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2690" class="ax_default box_1">
                        <img id="u2690_img" class="img " src="assets/images/下拉菜单/u2680.svg"/>
                        <div id="u2690_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2691" class="ax_default label">
        <div id="u2691_div" class=""></div>
        <div id="u2691_text" class="text ">
            <p><span>展示hover事件触发的效果，修改相对繁琐一点，修改内容时需修改两个状态的样式</span></p>
        </div>
    </div>

    <!-- dorpdown-hover-1 (Dynamic Panel) -->
    <div id="u2692" class="ax_default" data-label="dorpdown-hover-1">
        <div id="u2692_state0" class="panel_state" data-label="off" style="">
            <div id="u2692_state0_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2693" class="ax_default box_1">
                    <img id="u2693_img" class="img " src="assets/images/下拉菜单/u2670.svg"/>
                    <div id="u2693_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="u2692_state1" class="panel_state" data-label="on" style="visibility: hidden;">
            <div id="u2692_state1_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2694" class="ax_default box_1">
                    <img id="u2694_img" class="img " src="assets/images/下拉菜单/u2670.svg"/>
                    <div id="u2694_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>

                <!-- Unnamed (Group) -->
                <div id="u2695" class="ax_default" data-left="0" data-top="40" data-width="124" data-height="193">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2696" class="ax_default box_1">
                        <div id="u2696_div" class=""></div>
                        <div id="u2696_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2697" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2697_div" class=""></div>
                        <div id="u2697_text" class="text ">
                            <p><span>驴打滚</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2698" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2698_div" class=""></div>
                        <div id="u2698_text" class="text ">
                            <p><span>炸酱面</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2699" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                        <div id="u2699_div" class="disabled"></div>
                        <div id="u2699_text" class="text ">
                            <p><span>豆汁儿</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2700" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2700_div" class=""></div>
                        <div id="u2700_text" class="text ">
                            <p><span>冰糖葫芦</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2701" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2701_div" class=""></div>
                        <div id="u2701_text" class="text ">
                            <p><span>北京烤鸭</span></p>
                        </div>
                    </div>

                    <!-- divider (Group) -->
                    <div id="u2702" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2703" class="ax_default box_1">
                            <div id="u2703_div" class=""></div>
                            <div id="u2703_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2704" class="ax_default box_1">
                            <img id="u2704_img" class="img " src="assets/images/下拉菜单/u2680.svg"/>
                            <div id="u2704_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- dropdown-hover-2 (Dynamic Panel) -->
    <div id="u2705" class="ax_default" data-label="dropdown-hover-2">
        <div id="u2705_state0" class="panel_state" data-label="off" style="">
            <div id="u2705_state0_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2706" class="ax_default box_1">
                    <div id="u2706_div" class=""></div>
                    <div id="u2706_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="u2705_state1" class="panel_state" data-label="on" style="visibility: hidden;">
            <div id="u2705_state1_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2707" class="ax_default box_1">
                    <div id="u2707_div" class=""></div>
                    <div id="u2707_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>

                <!-- Unnamed (Group) -->
                <div id="u2708" class="ax_default" data-left="0" data-top="40" data-width="124" data-height="193">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2709" class="ax_default box_1">
                        <div id="u2709_div" class=""></div>
                        <div id="u2709_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2710" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2710_div" class=""></div>
                        <div id="u2710_text" class="text ">
                            <p><span>驴打滚</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2711" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2711_div" class=""></div>
                        <div id="u2711_text" class="text ">
                            <p><span>炸酱面</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2712" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                        <div id="u2712_div" class="disabled"></div>
                        <div id="u2712_text" class="text ">
                            <p><span>豆汁儿</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2713" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2713_div" class=""></div>
                        <div id="u2713_text" class="text ">
                            <p><span>冰糖葫芦</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2714" class="ax_default box_1" selectiongroup="dropdown-list-1">
                        <div id="u2714_div" class=""></div>
                        <div id="u2714_text" class="text ">
                            <p><span>北京烤鸭</span></p>
                        </div>
                    </div>

                    <!-- divider (Group) -->
                    <div id="u2715" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2716" class="ax_default box_1">
                            <div id="u2716_div" class=""></div>
                            <div id="u2716_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>

                        <!-- Unnamed (Rectangle) -->
                        <div id="u2717" class="ax_default box_1">
                            <img id="u2717_img" class="img " src="assets/images/下拉菜单/u2680.svg"/>
                            <div id="u2717_text" class="text " style="display:none; visibility: hidden">
                                <p></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2718" class="ax_default label">
        <div id="u2718_div" class=""></div>
        <div id="u2718_text" class="text ">
            <p><span>嵌套用法</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2719" class="ax_default label">
        <div id="u2719_div" class=""></div>
        <div id="u2719_text" class="text ">
            <p><span>虽然通过事件触发可以组合形成嵌套效果，但是维护繁琐，故此处提供一个基于axure原生层级菜单的版本，样式上有较大差异，当菜单项较为复杂时可用于数据展示。</span></p>
        </div>
    </div>

    <!-- Unnamed (Menu) -->
    <div id="u2720" class="ax_default">
        <img id="u2720_menu" class="img " src="assets/images/下拉菜单/u2720_menu.png" alt="u2720_menu"/>

        <!-- Unnamed (Table) -->
        <div id="u2721" class="ax_default">

            <!-- Unnamed (Menu Item) -->
            <div id="u2722" class="ax_default menu_item">
                <img id="u2722_img" class="img " src="assets/images/下拉菜单/u2722.png"/>
                <div id="u2722_text" class="text ">
                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                </div>
            </div>
        </div>

        <!-- Unnamed (Menu) -->
        <div id="u2723" class="ax_default sub_menu">
            <img id="u2723_menu" class="img " src="assets/images/下拉菜单/u2723_menu.png" alt="u2723_menu"/>

            <!-- Unnamed (Table) -->
            <div id="u2724" class="ax_default">

                <!-- Unnamed (Menu Item) -->
                <div id="u2725" class="ax_default menu_item">
                    <img id="u2725_img" class="img " src="assets/images/下拉菜单/u2725.png"/>
                    <div id="u2725_text" class="text ">
                        <p><span>驴打滚</span></p>
                    </div>
                </div>

                <!-- Unnamed (Menu Item) -->
                <div id="u2726" class="ax_default menu_item">
                    <img id="u2726_img" class="img " src="assets/images/下拉菜单/u2725.png"/>
                    <div id="u2726_text" class="text ">
                        <p><span>炸酱面</span></p>
                    </div>
                </div>

                <!-- Unnamed (Menu Item) -->
                <div id="u2727" class="ax_default menu_item">
                    <img id="u2727_img" class="img " src="assets/images/下拉菜单/u2727.png"/>
                    <div id="u2727_text" class="text ">
                        <p><span>豆汁儿</span></p>
                    </div>
                </div>

                <!-- Unnamed (Menu Item) -->
                <div id="u2728" class="ax_default menu_item">
                    <img id="u2728_img" class="img " src="assets/images/下拉菜单/u2727.png"/>
                    <div id="u2728_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>

                <!-- Unnamed (Menu Item) -->
                <div id="u2729" class="ax_default menu_item">
                    <img id="u2729_img" class="img " src="assets/images/下拉菜单/u2729.png"/>
                    <div id="u2729_text" class="text ">
                        <p><span>北京烤鸭</span></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (Menu) -->
            <div id="u2730" class="ax_default sub_menu">
                <img id="u2730_menu" class="img " src="assets/images/下拉菜单/u2730_menu.png" alt="u2730_menu"/>

                <!-- Unnamed (Table) -->
                <div id="u2731" class="ax_default">

                    <!-- Unnamed (Menu Item) -->
                    <div id="u2732" class="ax_default menu_item">
                        <img id="u2732_img" class="img " src="assets/images/下拉菜单/u2727.png"/>
                        <div id="u2732_text" class="text ">
                            <p><span>山楂</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Menu Item) -->
                    <div id="u2733" class="ax_default menu_item">
                        <img id="u2733_img" class="img " src="assets/images/下拉菜单/u2727.png"/>
                        <div id="u2733_text" class="text ">
                            <p><span>草莓</span></p>
                        </div>
                    </div>

                    <!-- Unnamed (Menu Item) -->
                    <div id="u2734" class="ax_default menu_item">
                        <img id="u2734_img" class="img " src="assets/images/下拉菜单/u2729.png"/>
                        <div id="u2734_text" class="text ">
                            <p><span>香蕉</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2735" class="ax_default label">
        <div id="u2735_div" class=""></div>
        <div id="u2735_text" class="text ">
            <p><span>基于事件的触发效果，结构比较复杂，交互还有瑕疵，修改起来很麻烦，不建议在选项较多时采用。</span></p>
        </div>
    </div>

    <!-- dropdown-list-4 (Dynamic Panel) -->
    <div id="u2736" class="ax_default" data-label="dropdown-list-4">
        <div id="u2736_state0" class="panel_state" data-label="off" style="">
            <div id="u2736_state0_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2737" class="ax_default box_1">
                    <img id="u2737_img" class="img " src="assets/images/下拉菜单/u2670.svg"/>
                    <div id="u2737_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="u2736_state1" class="panel_state" data-label="on" style="visibility: hidden;">
            <div id="u2736_state1_content" class="panel_state_content">

                <!-- Unnamed (Rectangle) -->
                <div id="u2738" class="ax_default box_1">
                    <img id="u2738_img" class="img " src="assets/images/下拉菜单/u2670.svg"/>
                    <div id="u2738_text" class="text ">
                        <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单 </span><span style="font-family:'Ionicons';"></span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2739" class="ax_default box_1">
                    <div id="u2739_div" class=""></div>
                    <div id="u2739_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2740" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2740_div" class=""></div>
                    <div id="u2740_text" class="text ">
                        <p><span>炸酱面</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2741" class="ax_default box_1 disabled" selectiongroup="dropdown-list-1">
                    <div id="u2741_div" class="disabled"></div>
                    <div id="u2741_text" class="text ">
                        <p><span>豆汁儿</span></p>
                    </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2742" class="ax_default box_1" selectiongroup="dropdown-list-1">
                    <div id="u2742_div" class=""></div>
                    <div id="u2742_text" class="text ">
                        <p><span>北京烤鸭</span></p>
                    </div>
                </div>

                <!-- divider (Group) -->
                <div id="u2743" class="ax_default" data-label="divider" data-left="0" data-top="180" data-width="124" data-height="12">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2744" class="ax_default box_1">
                        <div id="u2744_div" class=""></div>
                        <div id="u2744_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u2745" class="ax_default box_1">
                        <img id="u2745_img" class="img " src="assets/images/下拉菜单/u2680.svg"/>
                        <div id="u2745_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                        </div>
                    </div>
                </div>

                <!-- dropdown-l2-1 (Dynamic Panel) -->
                <div id="u2746" class="ax_default" data-label="dropdown-l2-1">
                    <div id="u2746_state0" class="panel_state" data-label="off" style="">
                        <div id="u2746_state0_content" class="panel_state_content">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2747" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2747_div" class=""></div>
                                <div id="u2747_text" class="text ">
                                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">驴打滚 </span><span style="font-family:'Ionicons';"></span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="u2746_state1" class="panel_state" data-label="on" style="visibility: hidden;">
                        <div id="u2746_state1_content" class="panel_state_content">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2748" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2748_div" class=""></div>
                                <div id="u2748_text" class="text ">
                                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">驴打滚 </span><span style="font-family:'Ionicons';"></span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2749" class="ax_default box_1">
                                <div id="u2749_div" class=""></div>
                                <div id="u2749_text" class="text " style="display:none; visibility: hidden">
                                    <p></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2750" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2750_div" class=""></div>
                                <div id="u2750_text" class="text ">
                                    <p><span>驴打滚1</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2751" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2751_div" class=""></div>
                                <div id="u2751_text" class="text ">
                                    <p><span>驴打滚2</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- dropdown-l2-2 (Dynamic Panel) -->
                <div id="u2752" class="ax_default" data-label="dropdown-l2-2">
                    <div id="u2752_state0" class="panel_state" data-label="off" style="">
                        <div id="u2752_state0_content" class="panel_state_content">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2753" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2753_div" class=""></div>
                                <div id="u2753_text" class="text ">
                                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="u2752_state1" class="panel_state" data-label="on" style="visibility: hidden;">
                        <div id="u2752_state1_content" class="panel_state_content">

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2754" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2754_div" class=""></div>
                                <div id="u2754_text" class="text ">
                                    <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">冰糖葫芦 </span><span style="font-family:'Ionicons';"></span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2755" class="ax_default box_1">
                                <div id="u2755_div" class=""></div>
                                <div id="u2755_text" class="text " style="display:none; visibility: hidden">
                                    <p></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2756" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2756_div" class=""></div>
                                <div id="u2756_text" class="text ">
                                    <p><span>山楂</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2757" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2757_div" class=""></div>
                                <div id="u2757_text" class="text ">
                                    <p><span>草莓</span></p>
                                </div>
                            </div>

                            <!-- Unnamed (Rectangle) -->
                            <div id="u2758" class="ax_default box_1" selectiongroup="dropdown-list-1">
                                <div id="u2758_div" class=""></div>
                                <div id="u2758_text" class="text ">
                                    <p><span>香蕉</span></p>
                                </div>
                            </div>

</body>
</html>
